<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>机器管理</title>
		<link rel="stylesheet" type="text/css" href="css/jqgl.css"/>
	</head>
	<body>
		<div class="main_content">
			<div class="con_left">
				<div class="l-box in">
					<a href="jqgl.html">机器管理</a>
				</div>
				<div class="l-box">
					<a href="jqgl2.html">问题机器记录</a>
				</div>
			</div>
			<div class="con_right fl">
				<div class="r_main">
					<div class="search">
						<span>条件查找<strong>|</strong></span>
						<div class="d-i-b vertical-top" id="distpicker5">
							<div class="s-one d-i-b">机器所在地：
								<div class="f-inp-s d-i-b">
									<div class="form-group">
										<select  class="form-control" id="province1" data-province="---- 选择省 ----">
										</select>
									</div>
									<div class="s_img">
										<img src="img/select.png"/>
									</div>
								</div>
								<div class="f-inp-s d-i-b " >
									<div class="form-group">
										<select class="form-control" id="city1" data-city="---- 选择市 ----">
										</select>
									</div>
									<div class="s_img">
										<img src="img/select.png"/>
									</div>
								</div>
								<div class="f-inp-s d-i-b">
									<div>
										<select class="form-control" id="district1" data-district="---- 选择区 ----">
										</select>
									</div>
									<div class="s_img">
										<img src="img/select.png"/>
									</div>
								</div>
							</div><br />
							<div class="s-one d-i-b">每页显示条数：
								<div class="f-inp-s d-i-b yeshu">
									<div>
										<select name='make'>
										    <option value='默认' selected>默认</option>
										    <option value='dodge'>10</option>
										    <option value='ford'>30</option>
										    <option value='toyota'>50</option>
										    <option value='toyota'>100</option>
										    <option value='toyota'>300</option>
										</select>
									</div>
									<div class="s_img">
										<img src="img/select.png"/>
									</div>
								</div>
							</div>
							<div class="s-one d-i-b">排序：
								<div class="f-inp-s d-i-b px">
									<div>
										<select name='make'>
										    <option value='机器编号' selected>机器编号</option>
										    <option value='网络状态'>网络状态</option>
										    <option value='机器地址'>机器地址</option>
										</select>
									</div>
									<div class="s_img">
										<img src="img/select.png"/>
									</div>
								</div>
							</div>
							<div class="s-one d-i-b">产品类型：
								<div class="f-inp-s d-i-b cplx">
									<div>
										<select name='make'>
										    <option value='全部' selected>全部</option>
										    <option value='洗车机'>洗车机</option>
										    <option value='售水机'>售水机</option>
										    <option value='洗衣机'>洗衣机</option>
										    <option value='支付盒子'>支付盒子</option>
										</select>
									</div>
									<div class="s_img">
										<img src="img/select.png"/>
									</div>
								</div>
							</div>
							<div class="s-one d-i-b d-i-b">网络状态：
								<div class="f-inp-s d-i-b wlzt">
									<div>
										<select name='make'>
										    <option value='全部' selected>全部</option>
										    <option value='上线'>上线</option>
										    <option value='离线'>离线</option>
										</select>
									</div>
									<div class="s_img">
										<img src="img/select.png"/>
									</div>
								</div>
							</div>
							<div class="s-one d-i-b">搜索选项：
								<div class="f-inp-s d-i-b">
									<div>
										<select name='make'>
										    <option value='机器编号'selected>机器编号</option>
										    <option value='具体位置'>具体位置</option>
										</select>
									</div>
									<div class="s_img">
										<img src="img/select.png"/>
									</div>
								</div><input type="text" style="padding-left: 5px;margin-left: 5px;"></inpu><button class="btn-s">搜索</button>
							</div>
						</div>
					</div>
					<table border="1" cellspacing="0" cellpadding="0">
						<tr>
							<th style="width: 20px;"><input type="checkbox"></th>
			                <th style="width: 30px;">详细</th>
			                <th style="width: 50px;">测试</th>
			                <th style="width: 30px;">修改</th>
			                <th style="width: 60px;">配置策略</th>
			                <th style="width: 60px;">重置机器<br>
			                    硬件编号</th>
			                <th style="width: 50px;">二维码</th>
			                <th style="width: 70px;">不变二维码</th>
			                <th style="width: 60px;">机器编号</th>
			                <th style="width: 60px;">产品类型</th>
			                <th style="width: 60px;">机器类型</th>
			                <th style="width: 60px;">网络状态</th>
			                <th style="width: 140px;">机器策略</th>
			                <th>具体位置</th>
						</tr>
						<tr>
							<td><input type="checkbox" name="" id="" value="" /></td>
							<td><a href="javascript:Xiangxi()"><img src="img/xiangxi.png"/></a></td>
							<td><button class="btn-ceshi">测试</button></td>
							<td><a href="jqgl-1.html"><img src="img/xiugai.png"/></a></td>
							<td><a href=""><img src="img/apishezhi.png"/></a></td>
							<td><label class="cuo">已重置</label></td>
							<td><a href="#" class="erweima"><img src="img/QRcode.png"/></a></td>
							<td><a href="#" class="erweima"><img src="img/QRcode.png"/></a></td>
							<td>5</td>
							<td>支付盒子</td>
							<td>烘干型</td>
							<td><label>离线</label></td>
							<td>1013默认策略<span class="dui">（默认策略）</span></td>
							<td></td>
						</tr>
					</table>
					<iframe src="xiangxi00.html" width="99%" height="100%" frameborder="no" style="position: absolute;top: 0;display: none;z-index: 1050;" id="parent"></iframe>
					<div class="mask"></div>
				</div>
			</div>
				<div id="openWindowModal1" class="modal in" >   
				    <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				        <h3>机器二维码</h3>  
				    </div>
				    <div class="modal-body">
				    	<div class="info-con">
							<p>编码：</p><label for="">1013_4 商户编号_机器编号</label>
						</div>
						<div class="info-con">
							<p>URL：</p><label for="">http://xcjtest.snfox.com/O/I/269B963895E6770E</label>
						</div>
						<div class="info-con">
							<p>二维码：</p><div class="form-img"><img src="img/1013_4_20171123104133.jpg"/></div>
						</div>
				    </div>
				    <div class="modal-footer">
				        <button class="btn" data-dismiss="modal" aria-hidden="true" type="button">取 消</button>
				    </div>
				</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/dtjk.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/distpicker.data.js"></script>
		<script src="js/distpicker.js"></script>
		<script src="js/main.js"></script>
		<script type="text/javascript">
			$('.erweima').on('click',function(){
				$(".mask").fadeIn();
				$("#openWindowModal1").fadeIn();
			})
			$(".mask").on('click',function(){
				$(".mask").fadeOut();
				$("#openWindowModal").fadeOut();
				$("#openWindowModal1").fadeOut();
				$(".xiangxi").fadeOut();
			})
			$(".btn").on('click',function(){
				$(".mask").fadeOut();
				$("#openWindowModal").fadeOut();
				$("#openWindowModal1").fadeOut();
			})
			$(".close").on('click',function(){
				$(".mask").fadeOut();
				$("#openWindowModal").fadeOut();
				$("#openWindowModal1").fadeOut();
			})
		</script>
	</body>
</html>
